<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 图片 src属性链接到图片的地址alt图片加载失败文字说明
     width和height也是图片的特有属性 只需要设置其中一个 另一个会进行自适应 -->
     <img width="150px" src="../音视频/8.jpg" alt="图片加载失败文字说明">
     <!-- <img width="150px" src="https://img.shetu66.com/2022/11/04/1667535886719264.jpg" alt=""> -->
     <!-- 音视频标签 
      controls 控制条
      width 宽度
      height 高度
      autoplay 自动播放
      loop 循环播放
      muted 静音播放
      poster 设置封面
      -->
      <video width="400px" poster="../音视频/6.jpg" muted loop src="../音视频/1.mp4" controls></video>
<!-- 音频标签AUDIO
 controls 控制条
 autoplay 自动播放
 muted 静音播放
 loop 循环播放
 width 和height和poster属性不可用
  -->
 <audio  controls autoplay muted loop src="../音视频/1.mp3"></audio>
</body>
</html>